<template>
  <div class="pro">
    <div class="pro-box">
      <!-- 头部 -->
      <div class="pro-head">
        <!-- 标签 -->
        <div tag-box>
          <div class="pro-tag">我的图库</div>
          <span class="tag-triangle"></span>
        </div>
        <!-- 导航栏 -->
        <ul class="pro-bar">
          <li>全部</li>
        </ul>
      </div>

      <!-- 图片内容大盒子 -->
      <div class="pro-content-box">
        <!-- 内容盒子 -->
        <div class="content-box">
          <!-- 饿了么图片盒子 -->
          <el-image :src="url" :preview-src-list="srcList"> </el-image>
          <!--图片 底部id -->
          <span class="pro-id">1234</span>
          <!--图片 右上 标签 -->
          <span class="content-pro-tag">旅游</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Pro',
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/barList/pro.less');
</style>
